<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="./scripts/jquery.KinSlideshow.js"></script>
<script type="text/javascript">
$(function(){
	$("#KinSlideshow").KinSlideshow();
});
</script> 
</head>
<body>
<!--首页列表 结束-->
<div id="search">
	<div id="weather">
	<iframe src="http://www.7stk.com/1/6/200905.htm" width="320" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="I2" align="middle"></iframe>
    </div>
    <div id="searchInput">
    	<form action="" >
        <table cellpadding="0" cellspacing="0">
	        <tbody>
	        <tr>
	        <td>
	        <div class="search_bar">
	    	<input type="text" value="请输入产品名称"/>
	        </div>
	        </td>
	        <td>
	        <div class="searchsButtons">
	        	<input class="search_but" type="image" value="搜索" src="./images/search_btn.png"/>
	        </div>
	        </td></tr></tbody>
        </table>
        </form>
    	</div>
</div>

<div class="demo"> 
    <div class="num"><a class="cur" onclick="">1</a><a onclick="function back(){return false};">2</a><a onclick="">3</a></div> 
	<ul> 
        <li style="display:block;"><a href="#" target="_blank"><img src="images/bigImg.jpg" width="1000" height="300"/></a></li> 
        <li><a href="http://www.daqianduan.com/wp-content/uploads/2010/06/ipad.png" target="_blank"><img src="http://www.daqianduan.com/wp-content/uploads/2010/06/ipad.png" /></a></li> 
        <li><a href="http://www.daqianduan.com/css-efficiency-browsers-render-speed/" target="_blank"><img src="http://www.daqianduan.com/wp-content/uploads/2010/06/css.jpg" /></a></li> 
    </ul> 
</div> 
<script type="text/javascript"> 
$(function(){
	var sw = 0;
	$(".demo .num a").mouseover(function(){
		sw = $(".num a").index(this);
		myShow(sw);
	});
	function myShow(i){
		$(".demo .num a").eq(i).addClass("cur").siblings("a").removeClass("cur");
		$(".demo ul li").eq(i).stop(true,true).fadeIn(600).siblings("li").fadeOut(600);
	}
	//滑入停止动画，滑出开始动画
	$(".demo").hover(function(){
		if(myTime){
		   clearInterval(myTime);
		}
	},function(){
		myTime = setInterval(function(){
		  myShow(sw);
		  sw++;
		  if(sw==3){sw=0;}
		} , 3000);
	});
	//自动开始
	var myTime = setInterval(function(){
	   myShow(sw);
	   sw++;
	   if(sw==3){sw=0;}
	} , 3000);
})
</script> 
<div id="box1">
	<table cellpadding="0" cellspacing="0" width="100%" height="300px">
    	<tbody>
        	<tr>
            	<td width="30%">
                	<div style="padding:5px;">
                	<div id="KinSlideshow" style="visibility:hidden;">
                        <a href="#" target="_blank"><img src="images/left.jpg" alt="" width="300" height="280" /></a>
                        <a href="#" target="_blank"><img src="images/2.jpg" alt="" width="300" height="280" /></a>
                        <a href="#" target="_blank"><img src="images/3.jpg" alt="" width="300" height="280" /></a>
                	</div>
                    </div>
                </td>
                <td width="40%">
                	<div id="box1_middle" class="box1_middle">
                    	<table cellpadding="0" cellspacing="0" width="100%" height="300px">
                       	 	<tbody>
                                <tr><td>
                                	<h3 class="box1_middle_h"><a href="#">高贵皮草</a></h3>
                                    <ul>
                                    	<li><img src="images/red_block.gif" /><a href="#" title="牵手" target="_blank">牵手</a></li>
                                        <li><img src="images/red_block.gif" />牵手</li>
                                        <li><img src="images/red_block.gif" />牵手</li>
                                        <li><img src="images/red_block.gif" />牵手</li>
                                    </ul>
                                </td></tr>
                                <tr><td>
                                	<h3 class="box1_middle_h"><a href="#">高贵皮草</a></h3>
                                	<ul>
                                    	<li><img src="images/red_block.gif" />牵手</li>
                                        <li><img src="images/red_block.gif" />牵手</li>
                                        <li><img src="images/red_block.gif" />牵手</li>
                                        <li><img src="images/red_block.gif" />牵手</li>
                                    </ul></td></tr>
                                <tr><td>
                                	<h3 class="box1_middle_h"><a href="#">汉江皮草秀</a></h3>
                                	<ul>
                                    	<li><img src="images/gray_block.gif" />牵手</li>
                                        <li><img src="images/gray_block.gif" />牵手</li>
                                        <li><img src="images/gray_block.gif" />牵手</li>
                                        <li><img src="images/gray_block.gif" />牵手</li>
                                    </ul></td></tr>
                          	</tbody>
                      </table>
                    </div>
                </td>
                <td>
               	  <div id="box1_new">
                	<div class="qian_info">
                    	<ul>
                        	<li class="qian_info_first"><img src="images/red_block.gif"/><a href="#" >前沿资讯</a></li>
                            <li><a href="#">新闻1</a></li>
                            <li><a href="#">新闻1</a></li>
                            <li><a href="#">新闻1</a></li>
                            <li><a href="#">新闻1</a></li>
                        </ul>
                    </div>
                    <div class="qian_info">
                    	<ul>
                        	<li class="qian_info_first"><img src="images/red_block.gif"/><a href="#" >前沿资讯</a></li>
                            <li><a href="#">新闻1</a></li>
                            <li><a href="#">新闻1</a></li>
                            <li><a href="#">新闻1</a></li>
                            <li><a href="#">新闻1</a></li>
                        </ul>
                    </div>
                  </div>
                </td>
          </tr>
      </tbody>
    </table>
</div>   
                
<div id="box2">
    <!-- tabs --> 
	<div id="tab1" class="tab1"> 
		  <ul class="css-tabs2"> 
		    <li><a href="#tab1-1">Tab 1</a></li> 
		    <li><a class="selected" href="#tab1-2">Tab 2</a></li> 
		    <li><a href="#tab1-3">Tab 3</a></li> 
		  </ul> 
		  <div id="tab1-1">tab1</div> 
		  <div id="tab1-2"><img src="images/left.jpg"/></div> 
		  <div id="tab1-3">Tab 3 is always last!</div> 
	</div> 
	 
	<script type="text/javascript"> 
	  $("#tab1 ul").idTabs("tab1-2"); 
	</script>
</div>

<div id="box3">
	<div class="hot_good">
    	<div class="hot_good_title">
        	<img src="images/red_block.gif"/> <span>热销商品<a href="#">更多</a></span>
        <div class="hot_good_list">
        	<ul class="hg_list">
        	<li>
            	<div class="hg_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="hg_name"><a href="#">兔皮库</a></div>
                <div class="hg_price">售价：<font>141</font></div>
                <div class="hg_save">节省：<font>144</font></div>
                <div class="hg_discount">折扣:<font>53%</font></div>
            </li>
            <li>
            	<div class="hg_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="hg_name"><a href="#">兔皮库</a></div>
                <div class="hg_price">售价：<font>141</font></div>
                <div class="hg_save">节省：<font>144</font></div>
                <div class="hg_discount">折扣:<font>53%</font></div>
            </li>
            <li>
            	<div class="hg_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="hg_name"><a href="#">兔皮库</a></div>
                <div class="hg_price">售价：<font>141</font></div>
                <div class="hg_save">节省：<font>144</font></div>
                <div class="hg_discount">折扣:<font>53%</font></div>
            </li>
            <li>
            	<div class="hg_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="hg_name"><a href="#">兔皮库</a></div>
                <div class="hg_price">售价：<font>141</font></div>
                <div class="hg_save">节省：<font>144</font></div>
                <div class="hg_discount">折扣:<font>53%</font></div>
            </li>
       		</ul>
       </div>
    </div>
	</div>
    <!---展会平台---->
    <div class="show_platform_all">
    	<div class="hot_good_title">
        	<img src="images/red_block.gif"/> <span>展会平台<a href="#">更多</a></span>
        </div>
        <div class="show_platform">
        	<ul class="sp_list">
        	<li>
            	<div class="sp_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="sp_title1"><a href="#">标题一</a></div>
                <div class="sp_title2"><a href="#">标题二</a></div>
      			<div class="sp_article"><a href="#">正文</a></div>
                <div class="line9"></div>
                <div class="divline"></div>
            </li>
            <li>
            	<div class="sp_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="sp_title1"><a href="#">标题一</a></div>
                <div class="sp_title2"><a href="#">标题二</a></div>
      			<div class="sp_article"><a href="#">正文</a></div>
                <div class="line9"></div>
                <div class="divline"></div>
            </li>
            <li>
            	<div class="sp_img"><a href="#"><img src="images/hot_good.jpg" /></a></div>
                <div class="sp_title1"><a href="#">标题一</a></div>
                <div class="sp_title2"><a href="#">标题二</a></div>
      			<div class="sp_article"><a href="#">正文</a></div>
                <div class="line9"></div>
                <div class="divline"></div>
            </li>
       		</ul>
       </div>
    </div>
    <!--商品分类-------------------->
    <div class="good_sort">
    	<div class="hot_good_title">
        	<img src="images/red_block.gif"/> <span>商品分类<a href="#">更多</a></span>
        </div>
        <div class="good_sort_list hot_good_list">
        	<ul class="gs_list">
        	<li>
            	<div class="gs_title">懒兔皮</div>
                <ul>
                	<li>
                    	<div><a href="#" target="_blank">大衣</a></div>
                        <div><a href="#" target="_blank">围巾</a></div>
                        <div><a href="#" target="_blank">外套</a></div>
                    </li>
                </ul>
                <div class="line10"></div>
				<div class="divline"></div>
            </li>
            <li>
            	<div class="gs_title">懒兔皮</div>
                <ul>
                	<li>
                    	<div><a href="#" target="_blank">大衣</a></div>
                        <div><a href="#" target="_blank">围巾</a></div>
                        <div><a href="#" target="_blank">外套</a></div>
                    </li>
                </ul>
                <div class="line10"></div>
				<div class="divline"></div>
            </li>
            <li>
            	<div class="gs_title">懒兔皮</div>
                <ul>
                	<li>
                    	<div><a href="#" target="_blank">大衣</a></div>
                        <div><a href="#" target="_blank">围巾</a></div>
                        <div><a href="#" target="_blank">外套</a></div>
                    </li>
                </ul>
                <div class="line10"></div>
				<div class="divline"></div>
            </li>
            </ul>
            <div class="line8"></div>
       </div>
	</div>
    <!--品牌推介-------------------->
    <div class="brand_commend">
    	<div class="hot_good_title">
        	<img src="images/red_block.gif"/> <span>品牌推荐<a href="#">更多</a></span>
        </div>
        <div class="bc_list">
        	<ul >
        	<li>
            	<div><a href="#"><img src="images/brand.jpg"/></a></div>
            </li>
            <li>
            	<div><a href="#"><img src="images/brand.jpg"/></a></div>
            </li>
            <li>
            	<div><a href="#"><img src="images/brand.jpg"/></a></div>
            </li>
            <li>
            	<div><a href="#"><img src="images/brand.jpg"/></a></div>
            </li>
             <li>
            	<div><a href="#"><img src="images/brand.jpg"/></a></div>
            </li>
            </ul>
            <div class="line8"></div>
       </div>
    </div>

</div>
<div id="box4"  style="height:620px;">
  <div class="bussine_chanel">
   	  <ul>
        	<li>
            	<div class="bc_title"><span>商务频道</span></div>
            </li>
            <li>
            	<ul>
                	<li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>5</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                     <li>[<a href="#" target="_blank">国际商务</a>]</li>
                </ul>
            </li>
        </ul>	
    </div>
  <div class="bussine_chanel">
    	<ul>
        	<li>
            	<div class="bc_title"><span>商务频道</span></div>
            </li>
            <li>
            	<ul>
                	<li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>5</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                     <li>[<a href="#" target="_blank">国际商务</a></li>
                </ul>
            </li>
        </ul>	
    </div>
  <div class="bussine_chanel">
    	<ul>
        	<li>
            	<div class="bc_title"><span>商务频道</span></div>
            </li>
            <li>
            	<ul>
                	<li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>5</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                     <li>[<a href="#" target="_blank">国际商务</a>]</li>
                </ul>
            </li>
        </ul>	
    </div>
  <div class="bussine_chanel">
    	<ul>
        	<li>
            	<div class="bc_title"><span>商务频道</span></div>
            </li>
            <li>
            	<ul>
                	<li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>5</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                     <li>[<a href="#" target="_blank">国际商务</a>]</li>
                </ul>
            </li>
        </ul>	
    </div>
  <div class="bussine_chanel">
    	<ul>
        	<li>
            	<div class="bc_title"><span>商务频道</span></div>
            </li>
            <li>
            	<ul>
                	<li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>5</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                </ul>
            </li>
        </ul>	
    </div>
  <div class="bussine_chanel">
    	<ul>
        	<li>
            	<div class="bc_title"><span>商务频道</span></div>
            </li>
            <li>
            	<ul>
                	<li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                    <li>[<a href="#" target="_blank">国际商务</a>]</li>
                </ul>
            </li>
        </ul>	
    </div>
    
   
</div>
<div id="box5">
	  <div id="usual2" class="tab1"> 
	  <ul class="css-tabs2"> 
	    <li><a href="#tabs1">Tab 1</a></li> 
	    <li><a class="selected" href="#tabs2">Tab 2</a></li> 
	    <li><a href="#tabs3">Tab 3</a></li> 
	  </ul> 
	  <div id="tabs1">This is tab 1.</div> 
	  <div id="tabs2">More content in tab 2.</div> 
	  <div id="tabs3">Tab 3 is always last!</div> 
	</div> 
	 
	<script type="text/javascript"> 
	  $("#usual2 ul").idTabs("tabs2"); 
	</script>
</div>
<!-- activate tabs with JavaScript --> 
 

<!-- 友情链接 -->
<div class="line10"></div>
<div class="divline"></div>
</body>
</html>